blockquote,
body,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 400;
}

ol,
ul {
    list-style: none;
}

caption,
th {
    text-align: left;
}

q {
    &:after,
    &:before {
        content: '';
    }
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.alert {
    padding: 0.5rem 2.1875rem 0.5rem 0.875rem;
    margin-bottom: 1.25rem;
    background-color: #fcf8e3;
    border: 0.0625rem solid #fbeed5;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    color: #c09853;
    h4 {
        color: #c09853;
        margin: 0;
        font-weight: 700;
        font-size: 0.875rem;
    }
    .close {
        position: relative;
        top: -0.125rem;
        right: -1.3125rem;
        line-height: 1.25rem;
    }
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847;
    h4 {
        color: #468847;
    }
}

.alert-danger,
.alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48;
}

.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
    h4 {
        color: #3a87ad;
    }
}

.alert-lure {
    background-color: #f8b98e;
    border-color: #a57b5f;
    color: #f60;
}

.alert-block {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    p,
    ul {
        margin-bottom: 0;
    }
    p {
        margin-top: 0.3125rem;
        font-size: 0.75rem;
    }
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.table {
    width: 100%;
    margin-bottom: 1.25rem;
    td {
        padding: 0.5rem;
        line-height: 1.25rem;
        text-align: left;
        vertical-align: top;
        border-top: 0.0625rem solid #ddd;
    }
    th {
        padding: 0.5rem;
        line-height: 1.25rem;
        text-align: left;
        vertical-align: top;
        border-top: 0.0625rem solid #ddd;
        font-weight: 700;
    }
    thead th {
        vertical-align: bottom;
    }
    caption+thead tr:first-child {
        td,
        th {
            border-top: 0;
        }
    }
    colgroup+thead tr:first-child {
        td,
        th {
            border-top: 0;
        }
    }
    thead:first-child tr:first-child {
        td,
        th {
            border-top: 0;
        }
    }
    tbody+tbody {
        border-top: 0.125rem solid #ddd;
    }
    .table {
        background-color: #fff;
    }
}

.table-condensed {
    td,
    th {
        padding: 0.25rem 0.3125rem;
    }
}

.table-bordered {
    border: 0.0625rem solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    td,
    th {
        border-left: 0.0625rem solid #ddd;
    }
    caption+ {
        tbody tr:first-child {
            td,
            th {
                border-top: 0;
            }
        }
        thead tr:first-child th {
            border-top: 0;
        }
    }
    colgroup+ {
        tbody tr:first-child {
            td,
            th {
                border-top: 0;
            }
        }
        thead tr:first-child th {
            border-top: 0;
        }
    }
    tbody:first-child tr:first-child {
        td,
        th {
            border-top: 0;
        }
    }
    thead:first-child tr:first-child th {
        border-top: 0;
    }
    tbody:first-child tr:first-child> {
        td:first-child,
        th:first-child {
            -webkit-border-top-left-radius: 0.25rem;
            -moz-border-radius-topleft: 0.25rem;
            border-top-left-radius: 0.25rem;
        }
    }
    thead:first-child tr:first-child>th:first-child {
        -webkit-border-top-left-radius: 0.25rem;
        -moz-border-radius-topleft: 0.25rem;
        border-top-left-radius: 0.25rem;
    }
    tbody:first-child tr:first-child> {
        td:last-child,
        th:last-child {
            -webkit-border-top-right-radius: 0.25rem;
            -moz-border-radius-topright: 0.25rem;
            border-top-right-radius: 0.25rem;
        }
    }
    thead:first-child tr:first-child>th:last-child {
        -webkit-border-top-right-radius: 0.25rem;
        -moz-border-radius-topright: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    tbody:last-child tr:last-child> {
        td:first-child,
        th:first-child {
            -webkit-border-bottom-left-radius: 0.25rem;
            -moz-border-radius-bottomleft: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }
    }
    tfoot:last-child tr:last-child> {
        td:first-child,
        th:first-child {
            -webkit-border-bottom-left-radius: 0.25rem;
            -moz-border-radius-bottomleft: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }
    }
    thead:last-child tr:last-child>th:first-child {
        -webkit-border-bottom-left-radius: 0.25rem;
        -moz-border-radius-bottomleft: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    tbody:last-child tr:last-child> {
        td:last-child,
        th:last-child {
            -webkit-border-bottom-right-radius: 0.25rem;
            -moz-border-radius-bottomright: 0.25rem;
            border-bottom-right-radius: 0.25rem;
        }
    }
    tfoot:last-child tr:last-child> {
        td:last-child,
        th:last-child {
            -webkit-border-bottom-right-radius: 0.25rem;
            -moz-border-radius-bottomright: 0.25rem;
            border-bottom-right-radius: 0.25rem;
        }
    }
    thead:last-child tr:last-child>th:last-child {
        -webkit-border-bottom-right-radius: 0.25rem;
        -moz-border-radius-bottomright: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
    tfoot+tbody:last-child tr:last-child td {
        &:first-child {
            -webkit-border-bottom-left-radius: 0;
            -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
        }
        &:last-child {
            -webkit-border-bottom-right-radius: 0;
            -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
        }
    }
    caption+ {
        tbody tr:first-child td:first-child,
        thead tr:first-child th:first-child {
            -webkit-border-top-left-radius: 0.25rem;
            -moz-border-radius-topleft: 0.25rem;
            border-top-left-radius: 0.25rem;
        }
    }
    colgroup+ {
        tbody tr:first-child td:first-child,
        thead tr:first-child th:first-child {
            -webkit-border-top-left-radius: 0.25rem;
            -moz-border-radius-topleft: 0.25rem;
            border-top-left-radius: 0.25rem;
        }
    }
    caption+ {
        tbody tr:first-child td:last-child,
        thead tr:first-child th:last-child {
            -webkit-border-top-right-radius: 0.25rem;
            -moz-border-radius-topright: 0.25rem;
            border-top-right-radius: 0.25rem;
        }
    }
    colgroup+ {
        tbody tr:first-child td:last-child,
        thead tr:first-child th:last-child {
            -webkit-border-top-right-radius: 0.25rem;
            -moz-border-radius-topright: 0.25rem;
            border-top-right-radius: 0.25rem;
        }
    }
}

.table-striped tbody>tr:nth-child(odd)> {
    td,
    th {
        background-color: #f9f9f9;
    }
}

.table-hover tbody tr:hover> {
    td,
    th {
        background-color: #f5f5f5;
    }
}

.row-fluid table {
    td[class*=span],
    th[class*=span] {
        display: table-cell;
        float: none;
        margin-left: 0;
    }
}

table {
    td[class*=span],
    th[class*=span] {
        display: table-cell;
        float: none;
        margin-left: 0;
    }
}

.table {
    td.span1,
    th.span1 {
        float: none;
        width: 2.75rem;
        margin-left: 0;
    }
    td.span2,
    th.span2 {
        float: none;
        width: 7.75rem;
        margin-left: 0;
    }
    td.span3,
    th.span3 {
        float: none;
        width: 12.75rem;
        margin-left: 0;
    }
    td.span4,
    th.span4 {
        float: none;
        width: 17.75rem;
        margin-left: 0;
    }
    td.span5,
    th.span5 {
        float: none;
        width: 22.75rem;
        margin-left: 0;
    }
    td.span6,
    th.span6 {
        float: none;
        width: 27.75rem;
        margin-left: 0;
    }
    td.span7,
    th.span7 {
        float: none;
        width: 32.75rem;
        margin-left: 0;
    }
    td.span8,
    th.span8 {
        float: none;
        width: 37.75rem;
        margin-left: 0;
    }
    td.span9,
    th.span9 {
        float: none;
        width: 42.75rem;
        margin-left: 0;
    }
    td.span10,
    th.span10 {
        float: none;
        width: 47.75rem;
        margin-left: 0;
    }
    td.span11,
    th.span11 {
        float: none;
        width: 52.75rem;
        margin-left: 0;
    }
    td.span12,
    th.span12 {
        float: none;
        width: 57.75rem;
        margin-left: 0;
    }
    tbody tr {
        &.success>td {
            background-color: #dff0d8;
        }
        &.error>td {
            background-color: #f2dede;
        }
        &.warning>td {
            background-color: #fcf8e3;
        }
        &.info>td {
            background-color: #d9edf7;
        }
    }
}

.table-hover tbody tr {
    &.success:hover>td {
        background-color: #d0e9c6;
    }
    &.error:hover>td {
        background-color: #ebcccc;
    }
    &.warning:hover>td {
        background-color: #faf2cc;
    }
    &.info:hover>td {
        background-color: #c4e3f3;
    }
}

.badge {
    display: inline-block;
    padding: 0.125rem 0.25rem;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 0.875rem;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25);
    background-color: #999;
}

.label {
    display: inline-block;
    padding: 0.125rem 0.25rem;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 0.875rem;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.25);
    background-color: #999;
    -webkit-border-radius: 0.1875rem;
    -moz-border-radius: 0.1875rem;
    border-radius: 0.1875rem;
}

.badge {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
    -webkit-border-radius: 0.5625rem;
    -moz-border-radius: 0.5625rem;
    border-radius: 0.5625rem;
    &:empty {
        display: none;
    }
}

.label:empty {
    display: none;
}

a {
    &.badge {
        &:focus,
        &:hover {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
    }
    &.label {
        &:focus,
        &:hover {
            color: #fff;
            text-decoration: none;
            cursor: pointer;
        }
    }
}

.badge-important,
.label-important {
    background-color: #b94a48;
}

.badge-important[href],
.label-important[href] {
    background-color: #953b39;
}

.badge-warning,
.label-warning {
    background-color: #f89406;
}

.badge-warning[href],
.label-warning[href] {
    background-color: #c67605;
}

.badge-success,
.label-success {
    background-color: #468847;
}

.badge-success[href],
.label-success[href] {
    background-color: #356635;
}

.badge-info,
.label-info {
    background-color: #3a87ad;
}

.badge-info[href],
.label-info[href] {
    background-color: #2d6987;
}

.badge-inverse,
.label-inverse {
    background-color: #333;
}

.badge-inverse[href],
.label-inverse[href] {
    background-color: #1a1a1a;
}

.btn {
    .badge,
    .label {
        position: relative;
        top: -0.0625rem;
    }
}

.btn-mini {
    .badge,
    .label {
        top: 0;
    }
}

.hidden {
    display: none !important;
}

.clearfix {
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
}

.clear,
.clearfix:after {
    clear: both;
}

.lpic {
    float: left;
}

.rtext {
    overflow: hidden;
    zoom: 1;
}

.column-2 {
    zoom: 1;
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    .left {
        float: left;
    }
    .right {
        overflow: hidden;
        zoom: 1;
    }
}

.column-2-convert {
    .left {
        overflow: hidden;
        zoom: 1;
    }
    .right {
        float: right;
    }
}

.column-3 {
    zoom: 1;
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    .c3-center,
    .c3-left,
    .c3-right {
        position: relative;
    }
    .c3-left {
        float: left;
    }
    .c3-center {
        overflow: hidden;
        zoom: 1;
    }
    .c3-right {
        float: right;
    }
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.ma {
    margin: 0 auto;
}

.vm {
    vertical-align: middle;
}

.fixed-table {
    table-layout: fixed;
}

.range {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}

.ac {
    text-align: center;
}

.al {
    text-align: left;
}

.ar {
    text-align: right;
}

.fb {
    font-weight: 700;
}

.font-small {
    font-size: 0.75rem;
}

.font-normal {
    font-size: 0.875rem;
}

.font-big {
    font-size: 1rem;
}

.font-large {
    font-size: 1.125rem;
}

pre.note {
    word-wrap: break-word;
    white-space: pre-wrap;
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

.space-10 {
    font-size: 0;
    padding-top: 0.625rem;
}

.space-20 {
    font-size: 0;
    padding-top: 1.25rem;
}

.img-border {
    padding: 0.0625rem;
    background: #fff;
    border: 0.0625rem solid #ccc;
}

.yahei {
    font-family: arial, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', '宋体', STHeiti;
}

.bottom-tools {
    display: none;
    position: fixed;
    right: 0;
    bottom: 1.875rem;
}

html.ie6 .bottom-tools {
    position: absolute;
}

.bottom-tools .gotop {
    display: block;
    width: 2.75rem;
    height: 3.5rem;
    background: #ccc;
    position: relative;
    cursor: pointer;
}

.radius-5 {
    border-radius: 0.3125rem !important;
}

.radius-8 {
    border-radius: 0.5rem !important;
}

.radius-big {
    border-radius: 3.125rem !important;
}

.button-small {
    display: inline-block;
    font-size: 0.75rem;
    padding: 0 0.5625rem;
    cursor: pointer;
    border-radius: 0.125rem;
    font-family: Arial, '宋体';
    text-decoration: none;
    line-height: 1.5rem;
    height: 1.5rem;
    border: none;
    img {
        float: left;
    }
}

.button-small-2 {
    display: inline-block;
    font-size: 0.875rem;
    padding: 0 0.5625rem;
    cursor: pointer;
    border-radius: 0.375rem;
    font-family: Arial, '宋体';
    text-decoration: none;
    line-height: 1.625rem;
    height: 1.625rem;
    border: none;
    img {
        float: left;
    }
}

.button-medium {
    display: inline-block;
    font-size: 0.875rem;
    padding: 0 0.875rem;
    cursor: pointer;
    border-radius: 0.125rem;
    font-family: Arial, '宋体';
    text-decoration: none;
    line-height: 1.875rem;
    height: 1.875rem;
    border: none;
    font-weight: 700;
    img {
        float: left;
    }
}

.button-large {
    display: inline-block;
    font-size: 1rem;
    padding: 0 1.25rem;
    cursor: pointer;
    border-radius: 0.125rem;
    font-family: Arial, '宋体';
    text-decoration: none;
    line-height: 2.25rem;
    height: 2.25rem;
    border: none;
    font-weight: 700;
    img {
        float: left;
    }
}

.button-input {
    display: inline-block;
    font-size: 1rem;
    padding: 0 0.75rem;
    cursor: pointer;
    border-radius: 0.125rem;
    font-family: Arial, '宋体';
    text-decoration: none;
    line-height: 2.125rem;
    height: 2.125rem;
    border: none;
    width: 7.5rem;
    text-align: center;
    font-weight: 700;
    img {
        float: left;
    }
}

.button {
    color: #fff;
    background: #353535;
    &:hover {
        color: #fff;
        background: #292929;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #1e1e1e;
    }
}

.button-link {
    color: #0a8abf;
    &:hover {
        color: #07678f;
        text-decoration: underline;
    }
}

.button-b {
    padding-top: 0.375rem;
    padding-bottom: 0.3125rem;
    font-size: 0.875rem;
    font-weight: 700;
}

html.ie6 .button-b {
    padding-top: 0.25rem;
}

.button-disabled {
    cursor: default !important;
    filter: none !important;
    border-color: #bbb !important;
    background: #d1d1d1 !important;
    box-shadow: 0 0.0625rem 0.0625rem lightGrey, inset 0 0.0625rem 0.0625rem #f5f5f5 !important;
    text-shadow: none;
    color: #999 !important;
    .sp {
        border-left-color: #ddd;
        border-right-color: #c6c6c6;
    }
}

.button-winered {
    color: #fff;
    background: #8b0000;
    &:hover {
        color: #fff;
        background: #710000;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #5d0000;
    }
}

.button-grey {
    color: #656565;
    background: #d3d3d3;
    &:hover {
        color: #656565;
        background: #c7c7c7;
        text-decoration: none;
    }
    &:active {
        color: #656565;
        background: #bdbdbd;
    }
}

.button-blue {
    color: #fff;
    background: #0a86ba;
    &:hover {
        color: #fff;
        background: #0875a2;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #07678f;
    }
}

.button-green {
    color: #fff;
    background: #479c4f;
    &:hover {
        color: #fff;
        background: #3f8a46;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #397c3f;
    }
}

.button-lightgreen {
    color: #fff;
    background: #00bbb0;
    &:hover {
        color: #fff;
        background: #00a198;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #008d85;
    }
}

.button-orange {
    color: #fff;
    background: #fa6400;
    &:hover {
        color: #fff;
        background: #e05a00;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #cc5200;
    }
}

.button-gray-read {
    color: #fff;
    background: #deacac;
    &:hover {
        color: #fff;
        background: #d69a9a;
        text-decoration: none;
    }
    &:active {
        color: #fff;
        background: #d08c8c;
    }
}

.button-t-green {
    background-color: #699c69;
    background-image: -moz-linear-gradient(top, #75a875, #578a57);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#75a875), to(#578a57));
    background-image: -webkit-linear-gradient(top, #75a875, #578a57);
    background-image: -o-linear-gradient(top, #75a875, #578a57);
    background-image: linear-gradient(to bottom, #75a875, #578a57);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75a875', endColorstr='#ff578a57', GradientType=0);
    border: 0.0625rem solid #95a995;
    color: #fff !important;
    text-shadow: 0 0 0.125rem #3e4d3e;
    border-radius: 0.3125rem;
    cursor: pointer;
    text-decoration: none;
    &:hover {
        background-color: #5c905c;
        background-image: -moz-linear-gradient(top, #659e65, #4d7a4d);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#659e65), to(#4d7a4d));
        background-image: -webkit-linear-gradient(top, #659e65, #4d7a4d);
        background-image: -o-linear-gradient(top, #659e65, #4d7a4d);
        background-image: linear-gradient(to bottom, #659e65, #4d7a4d);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff659e65', endColorstr='#ff4d7a4d', GradientType=0);
    }
    &:active {
        background-color: #5f955f;
        background-image: -moz-linear-gradient(top, #5a905a, #659e65);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a905a), to(#659e65));
        background-image: -webkit-linear-gradient(top, #5a905a, #659e65);
        background-image: -o-linear-gradient(top, #5a905a, #659e65);
        background-image: linear-gradient(to bottom, #5a905a, #659e65);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a905a', endColorstr='#ff659e65', GradientType=0);
    }
}

.button-t-orange {
    background-color: #ed6103;
    background-image: -moz-linear-gradient(top, #f60, #d35908);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f60), to(#d35908));
    background-image: -webkit-linear-gradient(top, #f60, #d35908);
    background-image: -o-linear-gradient(top, #f60, #d35908);
    background-image: linear-gradient(to bottom, #f60, #d35908);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff6600', endColorstr='#ffd35908', GradientType=0);
    border: 0.0625rem solid #a04203;
    color: #fff !important;
    text-shadow: 0 0 0.125rem #000;
    border-radius: 0.3125rem;
    cursor: pointer;
    text-decoration: none;
    &:hover {
        background-color: #d45703;
        background-image: -moz-linear-gradient(top, #e65c00, #ba4f07);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e65c00), to(#ba4f07));
        background-image: -webkit-linear-gradient(top, #e65c00, #ba4f07);
        background-image: -o-linear-gradient(top, #e65c00, #ba4f07);
        background-image: linear-gradient(to bottom, #e65c00, #ba4f07);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe65c00', endColorstr='#ffba4f07', GradientType=0);
    }
    &:active {
        background-color: #d65600;
        background-image: -moz-linear-gradient(top, #cc5200, #e65c00);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cc5200), to(#e65c00));
        background-image: -webkit-linear-gradient(top, #cc5200, #e65c00);
        background-image: -o-linear-gradient(top, #cc5200, #e65c00);
        background-image: linear-gradient(to bottom, #cc5200, #e65c00);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc5200', endColorstr='#ffe65c00', GradientType=0);
    }
}

.button-t-red {
    background-color: #cd6969;
    background-image: -moz-linear-gradient(top, #d37575, #c55757);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d37575), to(#c55757));
    background-image: -webkit-linear-gradient(top, #d37575, #c55757);
    background-image: -o-linear-gradient(top, #d37575, #c55757);
    background-image: linear-gradient(to bottom, #d37575, #c55757);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd37575', endColorstr='#ffc55757', GradientType=0);
    border: 0.0625rem solid #ac6060;
    color: #fff !important;
    text-shadow: 0 0 0.125rem #3b1f1f;
    border-radius: 0.3125rem;
    cursor: pointer;
    text-decoration: none;
    &:hover {
        background-color: #c75656;
        background-image: -moz-linear-gradient(top, #cd6262, #be4444);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd6262), to(#be4444));
        background-image: -webkit-linear-gradient(top, #cd6262, #be4444);
        background-image: -o-linear-gradient(top, #cd6262, #be4444);
        background-image: linear-gradient(to bottom, #cd6262, #be4444);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd6262', endColorstr='#ffbe4444', GradientType=0);
    }
    &:active {
        background-color: #c95656;
        background-image: -moz-linear-gradient(top, #c74e4e, #cd6262);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c74e4e), to(#cd6262));
        background-image: -webkit-linear-gradient(top, #c74e4e, #cd6262);
        background-image: -o-linear-gradient(top, #c74e4e, #cd6262);
        background-image: linear-gradient(to bottom, #c74e4e, #cd6262);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc74e4e', endColorstr='#ffcd6262', GradientType=0);
    }
}

.button-g-black {
    border-radius: 0.1875rem;
    background-color: #373737;
    background-image: -moz-linear-gradient(top, #494949, #1d1d1d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#494949), to(#1d1d1d));
    background-image: -webkit-linear-gradient(top, #494949, #1d1d1d);
    background-image: -o-linear-gradient(top, #494949, #1d1d1d);
    background-image: linear-gradient(to bottom, #494949, #1d1d1d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff1d1d1d', GradientType=0);
    border: 0.0625rem solid #202020;
    color: #ccc !important;
    text-align: center;
    box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #a9a9a9;
    &:active {
        background-color: #353535;
        background-image: -moz-linear-gradient(top, #2f2f2f, #3c3c3c);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#3c3c3c));
        background-image: -webkit-linear-gradient(top, #2f2f2f, #3c3c3c);
        background-image: -o-linear-gradient(top, #2f2f2f, #3c3c3c);
        background-image: linear-gradient(to bottom, #2f2f2f, #3c3c3c);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f2f2f', endColorstr='#ff3c3c3c', GradientType=0);
    }
}

.button-g-blue {
    border-radius: 0.1875rem;
    background-color: #36519f;
    background-image: -moz-linear-gradient(top, #4061b3, #273a80);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4061b3), to(#273a80));
    background-image: -webkit-linear-gradient(top, #4061b3, #273a80);
    background-image: -o-linear-gradient(top, #4061b3, #273a80);
    background-image: linear-gradient(to bottom, #4061b3, #273a80);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4061b3', endColorstr='#ff273a80', GradientType=0);
    border: 0.0625rem solid #a7adbf;
    color: #fff !important;
    text-align: center;
    box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #a9a9a9;
    &:active {
        background-color: #355195;
        background-image: -moz-linear-gradient(top, #334d8d, #3957a0);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#334d8d), to(#3957a0));
        background-image: -webkit-linear-gradient(top, #334d8d, #3957a0);
        background-image: -o-linear-gradient(top, #334d8d, #3957a0);
        background-image: linear-gradient(to bottom, #334d8d, #3957a0);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff334d8d', endColorstr='#ff3957a0', GradientType=0);
    }
}

.button-g-green {
    border-radius: 0.1875rem;
    background-color: #366c36;
    background-image: -moz-linear-gradient(top, #418241, #264b26);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#418241), to(#264b26));
    background-image: -webkit-linear-gradient(top, #418241, #264b26);
    background-image: -o-linear-gradient(top, #418241, #264b26);
    background-image: linear-gradient(to bottom, #418241, #264b26);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff418241', endColorstr='#ff264b26', GradientType=0);
    border: 0.0625rem solid #1e3b1e;
    color: #fff !important;
    text-align: center;
    box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #a9a9a9;
    &:active {
        background-color: #336733;
        background-image: -moz-linear-gradient(top, #306030, #397139);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#306030), to(#397139));
        background-image: -webkit-linear-gradient(top, #306030, #397139);
        background-image: -o-linear-gradient(top, #306030, #397139);
        background-image: linear-gradient(to bottom, #306030, #397139);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff306030', endColorstr='#ff397139', GradientType=0);
    }
}

.button-g-lightgreen {
    border-radius: 0.1875rem;
    background-color: #0fc0b5;
    background-image: -moz-linear-gradient(top, #0bcbc3, #16afa1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0bcbc3), to(#16afa1));
    background-image: -webkit-linear-gradient(top, #0bcbc3, #16afa1);
    background-image: -o-linear-gradient(top, #0bcbc3, #16afa1);
    background-image: linear-gradient(to bottom, #0bcbc3, #16afa1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0bcbc3', endColorstr='#ff16afa1', GradientType=0);
    border: 0.0625rem solid #00beb3;
    color: #fff !important;
    text-align: center;
    box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #a9a9a9;
    &:active {
        background-color: #09a49e;
        background-image: -moz-linear-gradient(top, #089b95, #0ab3ac);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#089b95), to(#0ab3ac));
        background-image: -webkit-linear-gradient(top, #089b95, #0ab3ac);
        background-image: -o-linear-gradient(top, #089b95, #0ab3ac);
        background-image: linear-gradient(to bottom, #089b95, #0ab3ac);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff089b95', endColorstr='#ff0ab3ac', GradientType=0);
    }
}

.button-g-grey {
    border-radius: 0.1875rem;
    background-color: #e8e8e8;
    background-image: -moz-linear-gradient(top, #efefef, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#efefef), to(#dedede));
    background-image: -webkit-linear-gradient(top, #efefef, #dedede);
    background-image: -o-linear-gradient(top, #efefef, #dedede);
    background-image: linear-gradient(to bottom, #efefef, #dedede);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffefefef', endColorstr='#ffdedede', GradientType=0);
    border: 0.0625rem solid #989898;
    color: #393939 !important;
    text-align: center;
    box-shadow: 0.0625rem 0.0625rem 0.125rem 0 #c9c9c9;
    &:active {
        background-color: #dbdbdb;
        background-image: -moz-linear-gradient(top, #d6d6d6, #e2e2e2);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d6d6d6), to(#e2e2e2));
        background-image: -webkit-linear-gradient(top, #d6d6d6, #e2e2e2);
        background-image: -o-linear-gradient(top, #d6d6d6, #e2e2e2);
        background-image: linear-gradient(to bottom, #d6d6d6, #e2e2e2);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd6d6d6', endColorstr='#ffe2e2e2', GradientType=0);
    }
}

.ui-dialog {
    position: absolute;
    left: 0;
    display: none;
    top: 0;
    z-index: 110;
    .ui-dialog-loading-status {
        display: none;
    }
    .inner {
        position: relative;
    }
    .ui-dialog-close {
        position: absolute;
        right: 0.125rem;
        top: 0.125rem;
        z-index: 10;
        display: block;
        cursor: pointer;
    }
    .mod {
        margin: 0;
    }
}

.ui-dialog-basic {
    .ui-dialog-close {
        right: 0.625rem;
        top: 0.5rem;
        overflow: hidden;
        font-size: 0.875rem;
        padding: 0.1875rem 0.3125rem;
        font-family: Verdana;
        color: #333;
        font-weight: 700;
    }
    .mod {
        background: #fff;
        .hd {
            padding: 0 2.5rem 0 0.9375rem;
            line-height: 2.625rem;
            background: #f4f4f4;
            .icon {
                margin: 0.75rem 0.625rem 0 0;
                float: left;
            }
            .title {
                font-size: 1rem;
                font-weight: 700;
            }
        }
        .bd {
            padding: 0.9375rem;
            background: 0 0;
        }
    }
}

.ui-dialog-bolder {
    background: url(../images/dialog-border-bg.png) center center;
    .inner {
        margin: 0.5rem;
    }
}

.ui-dialog-loading .ui-dialog-loading-status {
    display: block;
}

.login-dialog {
    .hd {
        background: #f4f4f4;
    }
    .bd {
        padding: 1.25rem 0.9375rem 0.625rem !important;
        .lpic {
            width: 4.6875rem;
            padding-top: 0.3125rem;
            label {
                font-size: 0.875rem;
            }
        }
        .item {
            margin-bottom: 0.9375rem;
            .text-border {
                width: 13.75rem;
                height: 1.25rem;
                font-size: 0.875rem;
                color: #666;
            }
        }
        .forget-password {
            color: #666;
            margin-left: 0.625rem;
            font-size: 0.75rem;
        }
        .authCode {
            img {
                border: 0.0625rem solid #ccc;
                margin-right: 0.5625rem;
            }
            .text-border {
                width: 6.5rem;
            }
        }
        .button-area {
            .lpic {
                padding-top: 0.625rem;
            }
            label {
                color: #666;
                font-size: 0.75rem;
                input {
                    margin-right: 0.125rem;
                    vertical-align: -0.1875rem;
                }
            }
        }
        .reg-btn {
            color: #09f;
            font-size: 0.875rem;
            margin-left: 0.625rem;
            &:hover {
                text-decoration: underline;
            }
        }
        .authorization {
            color: #666;
            padding-top: 0.625rem;
            margin: 0.9375rem 0 0 4.6875rem;
            border-top: 0.0625rem solid #E9E9E9;
            a,
            img,
            span {
                vertical-align: middle;
            }
        }
    }
}

.owner-ban-dialog .bd {
    font-size: 0.75rem;
    .radio {
        margin-right: 0.1875rem;
        vertical-align: -0.125rem;
    }
    li {
        margin-bottom: 0.625rem;
    }
    .buttons {
        text-align: right;
        margin-top: 0.625rem;
        padding-top: 0.625rem;
        .error {
            float: left;
            color: red;
        }
    }
    textarea {
        width: 96%;
        height: 3.125rem;
    }
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.email-suggest {
    background: #FAFAFA;
    border: 0.0625rem solid #C5C7D2;
    border-radius: 0;
    position: absolute;
    li {
        padding: 0.0625rem;
        a {
            cursor: pointer;
            display: block;
            padding: 0.3125rem;
            font-size: 0.75rem;
            font-family: Arial;
            &.ui-state-focus,
            &.ui-state-hover,
            &:hover {
                background: #dedede;
            }
        }
    }
}

.button-emotion {
    display: inline-block;
    width: 1.5rem;
    height: 1.5625rem;
    background: url(../images/btn-emotion.png?bust=1) no-repeat;
    overflow: hidden;
}

.emotions {
    display: none;
    position: absolute;
    clear: both;
    visibility: visible;
    z-index: 1001;
    width: 28.125rem;
    .top {
        height: 0.9375rem;
        background: #F7F7F7;
    }
    .arrow {
        position: absolute;
        top: -0.4375rem;
        left: 0.3125rem;
        font-size: 1rem;
        em {
            position: absolute;
            &.t {
                color: #fff;
            }
            &.b {
                color: #A0A0A0;
                top: -0.0625rem;
            }
        }
    }
    .inner {
        background: #FFF;
        border: 0.0625rem solid #A0A0A0;
    }
    ul {
        width: 27.5rem;
        margin: 0.625rem 0 0.625rem 0.5rem;
        overflow: hidden;
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
    }
    li {
        float: left;
        height: 1.75rem;
        overflow: hidden;
        padding: 0 0.0625rem 0.0625rem 0;
        width: 1.75rem;
        a {
            border: 0.0625rem solid #EDEDED;
            display: block;
            height: 1.625rem;
            overflow: hidden;
            text-align: center;
            width: 1.625rem;
            &:hover {
                background: #D3EFF6;
                border: 0.0625rem solid #2C89A8;
            }
        }
    }
}

.ui-flyout {
    display: none;
    padding: 0.625rem;
    background: url(../images/crossword.png);
    font-size: 0.875rem;
    border: 0.0625rem solid #ccc;
    .close {
        position: absolute;
        right: 0.625rem;
        top: 0.5rem;
        color: #ccc;
    }
}

.ui-flyout-box {
    box-shadow: 0 0 0.1875rem #c7c7c7;
}

.ui-flyout-confirm {
    border: 0.0625rem solid #B9B9B9;
    text-align: center;
    padding: 0.375rem 0.625rem;
    box-shadow: 0 0.0625rem 0.3125rem silver;
    border-radius: 0.3125rem;
    p.text {
        font-size: 0.75rem;
        border: 0.0625rem solid #dedede;
        background-color: #f9f9f9;
        margin-bottom: 0.625rem;
        padding: 0.3125rem 0.5rem;
        text-align: center;
        color: #f60;
        line-height: 1.8em;
    }
    .flyout-arrow {
        display: none;
    }
}

.ui-info-ok,
.ui-info-waiting,
.ui-info-warning {
    padding: 0.5rem 0.625rem;
    border-width: 0.0625rem;
    border-style: solid;
    font-size: 0.75rem;
}

.ui-info-ok {
    background-color: #f1fce8;
    border-color: #82ae5f;
    color: #6b9848;
}

.ui-info-warning {
    background-color: #FEF1EC;
    border-color: #CD0A0A;
    color: #CD0A0A;
}

.ui-info-waiting {
    background-color: #f7fcff;
    border-color: #3898e2;
    color: #3898e2;
    img {
        margin-right: 0.1875rem;
    }
}

.overlay {
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    zoom: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.ui-tags {
    width: 81%;
}

.ui-share {
    a {
        background: url(../images/sprite-share.png) no-repeat;
        display: inline-block;
        width: 1rem;
        height: 1rem;
        padding-right: 0.0625rem;
        overflow: hidden;
        cursor: pointer;
        vertical-align: middle;
    }
    span {
        vertical-align: middle;
    }
    .share-sina {
        background-position: 0 -1.25rem;
    }
    .share-qzone {
        background-position: 0 0;
    }
    .share-renren {
        background-position: 0 -3.75rem;
    }
    .share-kaixin {
        background-position: 0 -7.5rem;
    }
    .share-tenwb {
        background-position: 0 -5rem;
    }
    .share-baidu {
        background-position: 0 -2.5rem;
    }
    .share-douban {
        background-position: 0 -6.25rem;
    }
}

.ui-toast {
    position: fixed;
    z-index: 30;
    left: 50%;
    bottom: 6.25rem;
    display: none;
    font-size: 0.875rem;
    padding: 0.5rem 1.25rem;
    border-radius: 0.1875rem;
    box-shadow: 0 0.0625rem 0.375rem #272727, inset 0 0.0625rem 0 #A8A3A3;
    color: #fff;
    background: #414141;
}

.ui-tags {
    background: #fff;
    border: 0.0625rem solid #999;
    position: relative;
    padding-bottom: 0;
    zoom: 1;
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    .input-tags {
        border: 0.0625rem solid #fff;
        height: 1.125rem;
        line-height: 1.125rem;
        margin: 0.1875rem;
        width: 3.125rem !important;
        font-size: 0.75rem;
    }
    .names-tags li {
        position: relative;
        display: inline-block;
        float: left;
        margin: 0.1875rem;
        a {
            border-radius: 0.1875rem;
            display: block;
            float: left;
            background: #333;
            padding: 0 1.125rem 0 0.25rem;
            height: 1.125rem;
            line-height: 1.125rem;
            border: 0.0625rem solid #000;
            white-space: nowrap;
            color: #fff !important;
            font-size: 0.75rem;
            &:hover {
                background: #000;
                .rm {
                    background-position: left bottom;
                }
            }
            .rm {
                cursor: pointer;
                width: 0.6875rem;
                height: 0.6875rem;
                overflow: hidden;
                display: block;
                position: absolute;
                right: 0.25rem;
                top: 0.3125rem;
                background: url(../images/btn-tag-del.gif) no-repeat;
            }
        }
    }
}

.play-audio {
    display: inline-block;
    width: 3.125rem;
    height: 1.125rem;
    line-height: 1.125rem;
    padding: 0 0.3125rem;
    margin-left: 0.3125rem;
    text-align: right;
    background: #7C7874;
    font-family: Arial;
    border-radius: 0.3125rem;
    color: #fff !important;
    white-space: nowrap;
    position: relative;
    i {
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        display: block;
        overflow: hidden;
        border-bottom: 0.3125rem solid transparent;
        border-left: 0.3125rem solid #fff;
        border-right: none;
        border-top: 0.3125rem solid transparent;
        top: 0.25rem;
        left: 0.5rem;
    }
}

html.ie6 .play-audio i {
    border-top-color: tomato;
    border-bottom-color: tomato;
    filter: chroma(color=#ff6347);
}

.play-audio i.stop {
    width: 0.4375rem;
    height: 0.4375rem;
    top: 0.3125rem;
    border: none;
    background: #fff;
}

.mod .clean-bd {
    padding: 0;
}

.mod-clean {
    margin-bottom: 0 !important;
    .bd,
    .hd {
        padding: 0 !important;
    }
}

.clean-inside-mod,
.mod-clean-y {
    margin-bottom: 0;
}

.clean-inside-mod {
    .bd,
    .hd {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.mod-clean-y {
    .bd,
    .hd {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.mod-main .hd {
    padding-bottom: 1.875rem;
    h2 {
        font-size: 1.25rem;
    }
}

.tab-choose a {
    vertical-align: middle;
    padding: 0 0.4375rem;
    display: inline-block;
    min-width: 5rem;
    height: 2.25rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #fff;
    text-align: center;
    background: #ccc;
    position: relative;
    &.active {
        color: #fff;
        background: #999;
        i {
            position: absolute;
            left: 50%;
            bottom: -0.9375rem;
            margin-left: -0.625rem;
            display: inline-block;
            width: 0;
            height: 0;
            line-height: 0;
            font-size: 0;
            border-width: 0.625rem;
            border-color: #999 transparent transparent;
            border-style: solid dashed dashed;
        }
    }
    .count {
        font-size: 0.75rem;
        color: #f60;
    }
}

.comments {
    .hd .add {
        float: right;
        color: #09c;
    }
    li {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
        border-bottom: 0.0625rem solid #ECECEC;
        &:last-child {
            border-bottom: none;
            margin-bottom: 0;
        }
    }
    .left {
        text-align: center;
        width: 2.8125rem;
        padding-right: 0.625rem;
        img {
            width: 2.5rem;
            border-radius: 100%;
        }
        p {
            margin-bottom: 0.625rem;
        }
        a {
            color: #369;
            margin: 0 auto;
            display: block;
            font-size: .75em;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
    }
    .right h3 {
        font-size: 1em;
        font-weight: 400;
        padding: 0.3125rem 0;
        margin-bottom: 0.3125rem;
        a {
            color: #2e79bd;
        }
        .top {
            color: #393;
        }
        .good {
            color: #c63;
        }
    }
    .summary {
        line-height: 1.3em;
        font-size: .875em;
        margin-bottom: 0.1875rem;
        word-break: break-all;
        word-wrap: break-word;
        color: #666;
        a {
            color: #666;
        }
    }
    .controls {
        text-align: right;
        padding-right: 0.3125rem;
        a {
            font-size: .75em;
            color: #999;
            margin-left: 0.1875rem;
        }
        .name {
            float: left;
            font-size: .75em;
            margin-left: 0;
            margin-top: 0.25rem;
            padding-left: 0.9375rem;
            background: url(../images/mobile-user-icon.png) no-repeat left center;
        }
        .reply {
            background: url(../images/mobile-reply-icon.png) no-repeat left center;
            padding-left: 0.9375rem;
        }
    }
    .time {
        font-size: .75em;
        color: #999;
        background: url(../images/mobile-time-icon.png) no-repeat left center;
        padding-left: 0.9375rem;
    }
    .form {
        padding: 0 0.3125rem;
        .content {
            line-height: 1.8em;
            margin-bottom: 0.625rem;
            color: #666;
            a {
                color: #666;
                font-weight: 700;
            }
        }
        textarea {
            display: block;
            background: #fff;
            border: 0.0625rem solid #bfbfbf;
            padding: 0.625rem;
            width: 78%;
            overflow: hidden;
            height: 1.1em;
            resize: none;
        }
        .submit {
            float: right;
            width: 3.5rem;
            height: 2.125rem;
            line-height: 2.125rem;
            margin-right: 0.625rem;
            font-size: 0.875rem;
        }
    }
    .reply-list {
        padding: 0.625rem;
        background: #f7f7f7;
        border-radius: 0.1875rem;
        margin-top: 0.375rem;
        border: 0.0625rem solid #e0e0e0;
        margin-bottom: 0.625rem;
        position: relative;
        .ico {
            position: absolute;
            top: -0.375rem;
            right: 1.875rem;
            display: block;
            width: 0.6875rem;
            height: 0.375rem;
            background: url(../images/mobile-reply-list-arrow.png) no-repeat left top;
        }
        li {
            border-bottom: 0.0625rem solid #e6e6e6;
            br {
                display: none;
            }
            &:last-child {
                border: none;
                margin: 0;
            }
        }
        .more {
            border-top: 0.0625rem solid #e6e6e6;
            padding-top: 0.625rem;
            text-align: center;
            font-size: .875em;
            a {
                color: #09c;
            }
        }
    }
}

body,
html {
    height: 100%;
}

@media screen and (max-device-width: 30rem) {
    body {
        -webkit-text-size-adjust: none;
    }
}

@media screen and (max-device-width: 20rem) {
    body {
        font-size: 1.125rem;
    }
}

a {
    text-decoration: none;
    color: #666;
}

body {
    overflow-x: hidden;
    font-size: 1rem;
    color: #666;
    background: #fff;
}

.container {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.mod {
    margin: 0.625rem;
}

.mod-back {
    margin-top: 1.875rem;
    font-size: .875em;
    .bd {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        padding-left: 0.1875rem;
    }
    a,
    span {
        vertical-align: middle;
    }
    .home,
    .divide {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-size: inherit;
        text-rendering: auto;
        font-weight: 900;
    }
    .home {
        width: 1rem;
        height: 1rem;
        font-size: 1.1875rem;
        &::before {
            content: "\f015";
        }
    }
    .divide {
        width: 0.3125rem;
        height: 0.5625rem;
        margin: 0 0.1875rem;    
        font-size: 0.75rem;
        &::before {
            content: "\f054";
        }
    }
}

.empty {
    padding: 0.9375rem 0;
    color: #999;
}

.top-alert .alert {
    margin-top: -0.625rem;
    border-radius: 0;
    box-shadow: 0 0.125rem 0.3125rem 0 #afafaf;
}

.page-title {
    padding: 0 0.625rem;
    font-size: 1em;
    font-weight: 400;
    color: #333;
    text-shadow: 0.0625rem 0.0625rem 0.0625rem #fff;
    margin-bottom: 0.9375rem;
}

.block {
    margin: 0 0.625rem 0.9375rem;
    background: #fff;
    border: 0.0625rem solid #ddd;
    .hd {
        padding: 0.625rem;
        border-bottom: 0.0625rem solid #E2B4AC;
        h4 {
            font-weight: 400;
            color: #a44b3b;
        }
        &.hd-header {
            height: 2.25rem;
            padding: 0.625rem;
        }
    }
    .tab-switch {
        padding: 0;
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
        .item {
            text-align: center;
            float: left;
            width: 50%;
            height: 2.5rem;
            line-height: 2.5rem;
            font-size: 1em;
        }
        .active {
            background: #CCBA8A;
            color: #fff;
        }
    }
    .bd {
        padding: 0.625rem;
    }
    .ft {
        &.more {
            border-top: 0.0625rem solid #ddd;
        }
        .btn {
            height: 1.875rem;
            line-height: 1.875rem;
            font-size: .875em;
        }
    }
}

.column-list {
    ul {
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
    }
    .bd {
        padding-bottom: 0;
    }
    li {
        float: left;
        width: 25%;
        text-align: center;
        padding-bottom: 0.625rem;
    }
    img {
        width: 80%;
        max-width: 6.25rem;
        border: 0.0625rem solid #CBA;
        padding: 0.0625rem;
        box-shadow: 0 0 0.1875rem 0 #ccc;
    }
    .name {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: .75em;
    }
}

.reply-list li {
    border-bottom: 0.0625rem dotted #dfdfdf;
    .name {
        color: #960;
    }
    .right {
        padding-top: 0.3125rem;
    }
    &:last-child {
        border-bottom: none;
    }
}

.recommend ul {
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    .column-2 {
        float: none;
        width: auto;
        padding: 0;
        margin-bottom: 0.3125rem;
        height: 7.1875rem;
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
        .left {
            padding-right: 1rem;
            img {
                border: 0.0625rem solid #CBA;
                padding: 0.0625rem;
                box-shadow: 0 0 0.1875rem 0 #ccc;
            }
        }
        .right {
            white-space: normal;
            padding-top: 0.3125rem;
            a {
                color: #333;
            }
            .summary {
                height: 6em;
                line-height: 1.6em;
                padding: 0.3125rem 0.625rem 0 0;
                font-size: .8em;
                overflow: hidden;
                color: #666;
                float: left;
            }
        }
    }
    i {
        float: left;
        margin: 0.3125rem 0.5rem 0 0.3125rem;
        width: 0.3125rem;
        height: 0.3125rem;
        background: #960;
    }
    li {
        padding: 0.3125rem 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        a {
            color: #666;
            float: left;
        }
        span {
            color: #960;
            margin-right: 0.625rem;
            font-size: 0.75rem;
            a {
                float: none;
            }
        }
    }
    .highlight a {
        color: #2991CC;
    }
}

.simple-list {
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    li {
        border-bottom: 0.0625rem dotted #dfdfdf;
        a {
            padding: 0.5rem 0;
            display: block;
        }
        &:last-child {
            border-bottom: none;
        }
    }
}

.breadcrumb {
    font-size: .875em;
    margin-top: 0;
    color: #999;
    a {
        color: #999;
    }
    &.bottom {
        margin-top: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
}

.form-horizontal {
    h4 {
        text-align: center;
        background: #f4f4f4;
        padding: 0.3125rem 0;
    }
    .submit-item {
        margin-top: 0.625rem;
    }
    .item {
        padding: 0.3125rem;
    }
    .item-label {
        float: left;
        padding-right: 0.625rem;
        padding-top: 0.125rem;
    }
    .item-control {
        overflow: hidden;
    }
    .forget {
        margin-left: 0.625rem;
        color: #06c;
    }
    .text {
        border: 0.0625rem solid #ccc;
        border-radius: 0.1875rem;
        width: 95%;
        padding: 0.1875rem;
    }
    .text-code {
        width: 30%;
    }
    .code {
        border: 0.0625rem solid #ccc;
    }
    .button {
        width: 100%;
    }
}

.slide-ad {
    margin: 0.625rem 0;
    text-align: center;
    img {
        box-shadow: 0 0 0.125rem 0 #b1b1b1;
        max-height: 6.25rem;
        max-width: 30rem;
        width: 100%;
    }
}

.btn {
    display: inline-block;
    height: 1.625rem;
    line-height: 1.625rem;
    text-align: center;
    background-color: #f1f1f1;
    background-image: -moz-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#f1f1f1));
    background-image: -webkit-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: -o-linear-gradient(top, #f1f1f1, #f1f1f1);
    background-image: linear-gradient(to bottom, #f1f1f1, #f1f1f1);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1f1f1', endColorstr='#fff1f1f1', GradientType=0);
    color: #838383;
    padding: 0 1.875rem;
    border: none;
    border-radius: 0;
}

.btn-auto {
    width: 100%;
    padding: 0;
}

.btn-blue {
    background-color: #6bace4;
    background-image: -moz-linear-gradient(top, #6bace4, #6bace4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6bace4), to(#6bace4));
    background-image: -webkit-linear-gradient(top, #6bace4, #6bace4);
    background-image: -o-linear-gradient(top, #6bace4, #6bace4);
    background-image: linear-gradient(to bottom, #6bace4, #6bace4);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6bace4', endColorstr='#ff6bace4', GradientType=0);
    color: #fff;
}

.btn-orange {
    background-color: #ee8d4d;
    background-image: -moz-linear-gradient(top, #ee8d4d, #ee8d4d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee8d4d), to(#ee8d4d));
    background-image: -webkit-linear-gradient(top, #ee8d4d, #ee8d4d);
    background-image: -o-linear-gradient(top, #ee8d4d, #ee8d4d);
    background-image: linear-gradient(to bottom, #ee8d4d, #ee8d4d);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee8d4d', endColorstr='#ffee8d4d', GradientType=0);
    color: #fff;
}

.btn.small {
    height: 1.375rem;
    line-height: 1.375rem;
    padding: 0 0.625rem;
    font-size: .75em;
}

.btn-link {
    color: #6BACE4;
    &.grey {
        color: #666;
    }
}

input {
    &.btn-link {
        display: inline;
        background: 0 0;
        border: none;
    }
    &.btn {
        height: 1.875rem;
        line-height: 1.875rem;
    }
}

.header {
    z-index: 1;
    position: relative;
    font-size: .875em;
    .top {
        height: 3.375rem;
        line-height: 3.375rem;
        padding: 0 0.625rem 0 6.25rem;
        background: url(../images/header-top-bg.png);
        border-bottom: 0.0625rem solid #494949;
        font-size: 1em;
        color: #ccc;
        a {
            color: #ccc;
            float: left;
            width: 20%;
            line-height: 3.375rem;
        }
    }
    .bottom {
        height: 2.5rem;
        line-height: 2.5rem;
        padding: 0 0.625rem 0 6.25rem;
        border-top: 0.0625rem solid #fcfcfc;
        border-bottom: 0.0625rem solid #d6d6d6;
        background: #f5f5f5;
        a {
            color: #960;
            float: left;
            width: 25%;
            text-align: center;
            font-weight: 900;
        }
        .divide {
            color: #ccc;
        }
    }
    .my a {
        color: #666;
    }
    .accounts {
        float: right;
        a {
            color: #666;
            margin-left: 0.3125rem;
        }
        span img {
            vertical-align: -0.4375rem;
        }
    }
    .logo {
        position: absolute;
        top: 0;
        margin-left: 0.625rem;
    }
    .tag a {
        color: #757575;
    }
}

.channel {
    padding: 0.625rem 0.625rem 0;
    font-size: .875em;
    position: relative;
    z-index: 1;
    &:after,
    &:before {
        display: table;
        content: "";
        line-height: 0;
    }
    &:after {
        clear: both;
    }
    a {
        float: left;
        width: 33%;
        height: 1.875rem;
        line-height: 1.875rem;
        text-align: center;
        background: #9f9386;
        color: #fff;
        margin-bottom: 0.0625rem;
    }
    .xuanyi {
        width: 34%;
        box-sizing: border-box;
        border-left: 0.0625rem solid #d2ccc6;
        border-right: 0.0625rem solid #d2ccc6;
    }
    .active {
        background: #b08116;
    }
}

.footer {
    background: #333;
    color: #999;
    a {
        color: #999;
    }
    .section {
        padding: 0 0.625rem 0.625rem;
    }
    .nav {
        padding-top: 1.25rem;
        a {
            margin-right: 0.3125rem;
        }
    }
    .copyright {
        font-family: Arial;
    }
    .copy,
    .time {
        font-size: .75em;
    }
    h4 {
        margin-bottom: 0.375rem;
        color: #ccc;
        a {
            color: #ccc;
        }
    }
    .kefu p {
        line-height: 1.6em;
    }
}

.donate-list {
    font-size: .875em;
    margin-bottom: 0;
    .right h3 {
        a,
        img,
        span {
            vertical-align: middle;
        }
        .count {
            margin: 0 0.1875rem;
            color: #f60;
            font-weight: 700;
        }
    }
}

.chapter-list {
    text-shadow: 0 0 0.0625rem #ddd;
    .hd .item {
        width: 50%;
        padding: 0;
    }
    li {
        padding: 0.5rem 0.625rem 0.5rem 0.125rem;
        border-bottom: 0.0625rem solid #e7e7e7;
        font-size: .875em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        a {
            color: #777;
        }
        &:last-child {
            border-bottom: none;
        }
    }
}

.donate-form .donate-items {
    margin-bottom: 0.3125rem;
    border-bottom: 0.0625rem solid #E2B4AC;
    label {
        display: block;
        padding: 0.375rem 0;
        color: #666;
        border-bottom: 0.0625rem dotted #d1d1d1;
        img,
        input,
        span {
            vertical-align: middle;
        }
        .name {
            color: #333;
        }
        .count {
            color: #f60;
        }
        &.last {
            border: none;
        }
    }
}

.download {
    background: #37322e;
    text-align: center;
    position: relative;
    display: none;
    border-top: 0.0625rem solid #656260;
    border-bottom: 0.0625rem solid #656260;
    a {
        display: block;
        padding: 0.9375rem 0;
    }
    img {
        height: 3rem;
        display: block;
        margin: 0 auto;
    }
    .close {
        display: block;
        width: 1rem;
        height: 1rem;
        background: url(../images/download-close.png?2) rgba(255, 255, 255, 0.3) no-repeat center center;
        cursor: pointer;
        border-radius: 100%;
        position: absolute;
        right: 0.3125rem;
        top: 0.3125rem;
    }
}

.index {
    .container {
        padding-bottom: 0;
        padding-top: 0.3125rem;
    }
    .billboard {
        overflow: hidden;
        background: 0 0;
        box-shadow: 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.85), inset 0 0 0.0625rem rgba(255, 255, 255, 0.35);
        .bd {
            border-top: none;
            padding: 0;
        }
        .imgs {
            overflow: hidden;
            position: relative;
            font-size: 0;
            a {
                float: left;
                width: 100%;
                position: relative;
            }
        }
        img {
            width: 100%;
        }
        .handles {
            position: absolute;
            right: 0.625rem;
            bottom: 0.625rem;
            width: 100%;
            text-align: center;
            span {
                display: inline-block;
                width: 0.625rem;
                height: 0.625rem;
                margin: 0 0.125rem;
                background: #ebebeb;
                cursor: pointer;
                &.active {
                    background: #F5C86C;
                }
            }
        }
    }
    .rank-switch {
        .hd .item {
            width: 33%;
            &:last-child {
                width: 34%;
            }
        }
        .bd {
            padding: 0;
            li {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                padding: 0.625rem;
                border-bottom: 0.0625rem solid #eee;
                a {
                    color: #666;
                }
                &:last-child {
                    border-bottom: none;
                }
            }
            .more {
                border-bottom: none;
                text-align: right;
                a {
                    color: #960;
                    font-weight: 700;
                }
            }
            span {
                display: inline-block;
                line-height: 1.25rem;
                width: 1.25rem;
                height: 1.25rem;
                margin-right: 0.625rem;
                font-size: .75em;
                border-radius: 0.625rem;
                background: #f0f0f0;
                font-family: Arial;
                text-align: center;
                color: #666;
            }
            .t span {
                background: #e99a00;
                color: #fff;
            }
        }
    }
    .words {
        margin-top: 0.625rem;
        padding: 0.625rem;
        font-size: .875em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        color: #999;
        a {
            color: #960;
        }
    }
    .search-form {
        padding-top: 0.625rem;
    }
}

.home .reading {
    .bd {
        padding: 0 0.625rem;
    }
    li {
        padding: 0.625rem 0;
        border-bottom: 0.0625rem dotted #ccc;
        &:last-child {
            border-bottom: none;
        }
        p {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
        }
        .name {
            font-size: 1em;
            a {
                color: #960;
            }
        }
        .continue,
        .read {
            float: right;
            margin-top: 0.375rem;
            font-size: .75em;
            padding: 0 0.4375rem;
            border-radius: 0.1875rem;
            height: 1.625rem;
            line-height: 1.625rem;
        }
        p {
            margin-top: 0.375rem;
            font-size: .75em;
            color: #999;
            a {
                color: #999;
            }
        }
    }
}

.cover {
    .detail {
        .left {
            padding-right: 1rem;
            img {
                box-shadow: 0 0 0.1875rem #333;
                border: 0.0625rem solid #CBA;
                padding: 0.0625rem;
            }
        }
        .right {
            padding-top: 0.1875rem;
            h1 {
                font-weight: 400;
                font-size: 1.4em;
                text-shadow: 0 0 0.0625rem #ddd;
                color: #333;
                height: 1.7em;
            }
            .info {
                font-size: .75em;
                line-height: 1.6em;
                text-shadow: 0 0 0.0625rem #ddd;
            }
            .status {
                float: right;
                padding: 0.1875rem 0.375rem;
                font-size: .75em;
                margin-top: -2em;
                color: #fff;
                border-radius: 0.625rem;
            }
            .is-serialize {
                background: #977fb9;
            }
            .is-finish {
                background: #c8923d;
                i {
                    display: inline-block;
                    width: 0.25rem;
                    height: 0.25rem;
                    border-radius: 100%;
                    border: 0.125rem solid #fff;
                    margin-left: 0.1875rem;
                }
            }
        }
        .ft {
            padding-top: 0.9375rem;
            table {
                width: 100%;
                a {
                    display: block;
                    height: 2.25rem;
                    line-height: 2.25rem;
                    border: 0.0625rem solid;
                    text-align: center;
                    font-size: .875em;
                    background: #FAF6F2;
                    color: #aaa;
                    overflow: hidden;
                }
            }
            .read {
                background: #B9A886;
                color: #fff;
            }
            .collected {
                color: #AF8C44;
            }
            .auto.open {
                color: #5AB328;
            }
        }
    }
    .vote {
        border-top: 0.0625rem solid #DADADA;
        border-bottom: 0.0625rem solid #DADADA;
        margin: 0.625rem 0;
        padding: 0.375rem 0.625rem;
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
        li {
            display: block;
            float: left;
            width: 50%;
        }
        a {
            display: block;
            color: #fff;
            text-align: center;
        }
        em {
            font-size: .75em;
            color: gray;
        }
        .count {
            display: block;
            font-family: Arial;
            font-size: 1.4em;
            color: #B47850;
        }
        .support {
            border-left: 0.0625rem solid #DADADA;
        }
    }
    .book-intro {
        text-indent: 2em;
        font-size: .8125em;
        line-height: 1.6em;
        text-shadow: 0 0 0.0625rem #ddd;
    }
    .update .time {
        float: right;
        font-size: .75em;
        font-family: Arial;
        color: #999;
    }
    .update-chapter .bd {
        text-shadow: 0 0 0.0625rem #ddd;
        padding: 0.625rem;
        a {
            display: block;
            height: 3em;
            font-size: .875em;
            line-height: 1.5em;
            overflow: hidden;
            word-break: break-all;
            word-wrap: break-word;
        }
    }
    .recent-donate-list {
        .hd a {
            float: right;
            color: #09c;
        }
        .donate-counts {
            margin-bottom: 0.9375rem;
        }
        table {
            width: 100%;
            table-layout: fixed;
            td {
                font-size: .75em;
                text-align: left;
                color: #999;
                padding: 0.625rem 0 0.625rem 0.3125rem;
                .count {
                    color: #09c;
                }
            }
        }
        .empty a {
            color: #f60;
        }
        .bd h4 {
            font-size: 1em;
            padding-bottom: 0.375rem;
            color: #666;
        }
        ul li {
            margin-bottom: 0.3125rem;
            padding: 0.1875rem 0;
            color: #666;
            border-bottom: 0.0625rem dotted #DADADA;
            font-size: .875em;
            &:last-child {
                border-bottom: none;
                margin-bottom: 0;
            }
            .name {
                display: inline-block;
                max-width: 50%;
                margin-right: 0.3125rem;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
            }
            .by {
                font-size: .75em;
                color: #999;
            }
            .count {
                color: #09c;
            }
            img {
                vertical-align: -0.125rem;
            }
        }
    }
}

.chapter {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    .container {
        padding: 0;
        background: none;
    }
    .page-title {
        color: #960;
        background: #f5f5f5;
        text-align: center;
        height: 3.125rem;
        line-height: 3.125rem;
        margin-bottom: 0rem;
        position: relative;
        box-sizing: border-box;
        .home,
        .back {
            position: absolute;
            top: 0;
            width: 2.5rem;
        }
        .back {
            left: 0;
        }
        .home {
            right: 0;
        }
        .title {
            margin: 0 1.875rem;
            overflow: hidden;
            display: block;
            height: 2.5rem;
        }
    }
    .chapte-box {
        font-size: .875em;
        padding: 0 0.625rem;
        p {
            padding-bottom: 1em;
            line-height: 1.6em;
            word-break: break-all;
        }
    }
    .toolbar {
        text-align: center;
        padding: 0.3125rem;
        a {
            font-size: 1rem;
            padding: 0.5rem 0.5rem;
            line-height: 2.1875rem;
        }
        .huyanon {
            background: #b9ecc4;
        }
    }
    .mod-page {
        margin-bottom: 1.875rem;
        .ft {
            color: #999;
            a {
                color: #999;
                margin-left: 0.625rem;
            }
        }
    }
    .top-alert {
        .btn {
            padding: 0 0.9375rem;
            height: 1.625rem;
            line-height: 1.625rem;
            font-size: .875em;
            border: 0.0625rem solid #ccc;
        }
        .btn-blue {
            border-color: #5BA1CF;
        }
    }
    .author-say {
        padding: 0.9375rem;
        border-top: 0.0625rem solid #E2B4AC;
        color: #999;
        .name {
            color: #960;
        }
        p {
            padding-bottom: 0.625rem;
        }
    }
    .page-control {
        border-top: 0.0625rem dotted #ddd;
        padding-top: 0.625rem;
        background: #f5f5f5;
        .bd {
            &:after,
            &:before {
                display: table;
                content: "";
                line-height: 0;
            }
            &:after {
                clear: both;
            }
        }
        a {
            display: block;
            height: 2.375rem;
            line-height: 1.875rem;
            text-align: center;
            color: #960;
        }
        span {
            font-family: Arial;
            font-size: 1em;
            font-weight: 700;
        }
        .prev {
            float: left;
            width: 40%;
            span {
                margin-right: 0.3125rem;
            }
        }
        .catalog {
            float: left;
            width: 19.5%;
        }
        .next {
            float: right;
            color: #666;
            width: 40%;
            span {
                margin-left: 0.3125rem;
            }
        }
    }
    &.night {
        background: #000;
        .header .bottom {
            background: #333;
            border-color: #666;
        }
        .page-title {
            color: #BE9A51;
            text-shadow: none;
            background: #333;
        }
        .toolbar {
            .lightoff {
                i {
                    width: 1.1875rem;
                    height: 1.1875rem;
                    background-position: 0 0;
                    vertical-align: -0.375rem;
                }
            }
        }
        .author-say,
        .page-control {
            border-color: #666;
            background: #333;
        }
    }
    &.best-eye {
        background: rgb(0, 87, 22);
        color: #000;
        .header .bottom {
            background: #333;
            border-color: #666;
        }
        .page-title {
            color: #BE9A51;
            text-shadow: none;
            background: #333;
        }
        .toolbar {
            .huyanon {
                background: #000;
            }
        }
        .author-say,
        .page-control {
            border-color: #666;
            background: #333;
        }
    }
    &.min-mode {
        .page-title,
        .toolbar,
        .tuijian {
            display: none;
        }
        &.expanded {
            .page-title,
            .toolbar,
            .page-control {
                display: block;
                position: fixed;
                width: 100%;
                left: 0;
                background: #f5f5f5;
            }
            .page-title {
                top: 0;
            }
            .toolbar {
                bottom: 3rem;
            }
            .page-control {
                bottom: 0;
            }
            .container {
                padding: 3.125rem 0 6.25rem;
            }
            #setting-box {
                display: block;
            }
        }
    }
}

.chapter-recommend {
    background: #ece4da url(../images/chapter-last-recommend-bg-repeat-x.png) repeat-x;
    .hd {
        height: 3.75rem;
        line-height: 3.75rem;
        .icon {
            float: left;
            width: 2.875rem;
            height: 2.875rem;
            margin: 0.5rem 0.625rem 0;
            background: url(../images/chapter-last-recommend-icon.png);
        }
        h4 {
            color: #8c8379;
        }
    }
    .tab-choose {
        &:after,
        &:before {
            display: table;
            content: "";
            line-height: 0;
        }
        &:after {
            clear: both;
        }
        a {
            float: left;
            width: 50%;
            height: 2.5rem;
            line-height: 2.5rem;
            padding: 0;
            margin: 0;
            background: #d0c6ba;
            color: #958676;
        }
        .active {
            background: #998b7b;
            color: #fff;
            i {
                border-color: #998b7b transparent transparent;
            }
        }
    }
    li {
        padding: 0.9375rem 0.625rem;
        border-bottom: 0.0625rem solid #c9bfb2;
    }
    .bd {
        h5 {
            padding-bottom: 0.625rem;
            font-size: 1em;
            a {
                color: #5a4c3c;
            }
        }
        p {
            font-size: .75em;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            color: #998b7b;
            a {
                color: #998b7b;
            }
        }
        .divide {
            color: #998b7b;
            margin: 0 0.1875rem;
            font-size: .875em;
        }
        .finished,
        .unfinished {
            display: inline-block;
            padding: 0.125rem;
            margin-right: 0.3125rem;
            color: #fff;
            background: #a89784;
        }
        .finished i,
        .unfinished i {
            width: 0;
            height: 0;
            border-style: solid;
            display: block;
            overflow: hidden;
            border-bottom: 0.3125rem solid transparent;
            border-left: 0.3125rem solid #a89784;
            border-right: none;
            border-top: 0.3125rem solid transparent;
            float: right;
            margin: 0.125rem -0.4375rem 0 0;
        }
    }
}

html.ie6 .chapter-recommend .bd {
    .finished i,
    .unfinished i {
        border-top-color: tomato;
        border-bottom-color: tomato;
        filter: chroma(color=#ff6347);
    }
}

.chapter-recommend .bd .unfinished {
    background: #84a885;
    i {
        width: 0;
        height: 0;
        border-style: solid;
        display: block;
        overflow: hidden;
        border-bottom: 0.3125rem solid transparent;
        border-left: 0.3125rem solid #84a885;
        border-right: none;
        border-top: 0.3125rem solid transparent;
    }
}

html.ie6 .chapter-recommend .bd .unfinished i {
    border-top-color: tomato;
    border-bottom-color: tomato;
    filter: chroma(color=#ff6347);
}

.chapter-recommend .bd {
    .collect,
    .diamond {
        padding: 0.1875rem 0 0.125rem 1.25rem;
        margin-right: 0.3125rem;
        background: url(../images/chapter-last-recommend-collect-icon.png) left center no-repeat;
    }
    .support {
        padding: 0.1875rem 0 0.125rem 1.25rem;
        margin-right: 0.3125rem;
        background: url(../images/chapter-last-recommend-collect-icon.png) left center no-repeat;
        padding-left: 1rem;
        background-image: url(../images/chapter-last-recommend-support-icon.png);
    }
    .diamond {
        background-image: url(../images/chapter-last-recommend-diamond-icon.png);
    }
}

.pay-notice .pay-detail {
    .bd {
        line-height: 1.8em;
    }
    .count {
        color: #f60;
    }
}

.review {
    .page-title {
        color: #960;
        margin-bottom: 0.3125rem;
    }
    .detail {
        margin-top: 0.3125rem;
        border-bottom: 0.0625rem solid #E2B4AC;
        .info {
            font-size: .75em;
            color: #999;
            padding-bottom: 0.625rem;
        }
        .bd {
            line-height: 1.6em;
            font-size: 1em;
            padding: 0.9375rem 0 0;
            .controls {
                margin: 1.25rem 0 0.1875rem;
                text-align: right;
                font-size: .875em;
                a {
                    color: #999;
                    margin-left: 0.1875rem;
                }
            }
        }
    }
}

.book-all-list {
    .hd {
        font-size: .875em;
        padding: 0;
        .even {
            background: #f4f4f4;
        }
        .filter {
            padding: 0.5rem 0.625rem 0.1875rem;
            line-height: 2em;
            &:after,
            &:before {
                display: table;
                content: "";
                line-height: 0;
            }
            &:after {
                clear: both;
            }
            a {
                float: left;
                line-height: 1.4em;
                margin-bottom: 0.3125rem;
            }
            span {
                float: left;
                line-height: 1.4em;
                margin-bottom: 0.3125rem;
                color: #000;
            }
            a {
                margin-right: 0.625rem;
                color: #7C7C7C;
                float: left;
                white-space: nowrap;
                &.current {
                    background: #1AA5DB;
                    color: #fff;
                    padding: 0 0.1875rem;
                }
            }
        }
    }
    li {
        margin: 0.3125rem;
        border-bottom: 0.0625rem dotted #ddd;
        line-height: 1.6em;
        .left {
            padding-right: 0.625rem;
            font-family: Arial;
            font-size: .875em;
            color: #999;
        }
        .name {
            color: #960;
        }
        .update {
            font-size: .875em;
            color: #636363;
            a {
                color: #636363;
            }
        }
        .time {
            font-size: .75em;
            color: #999;
        }
        .words {
            margin-left: 0.1875rem;
        }
        .info {
            font-size: .875em;
            color: #999;
            a {
                color: #999;
            }
        }
    }
}

.my-pocket {
    font-size: 1em;
    line-height: 1.6em;
    .count {
        color: #960;
    }
}

.tips {
    margin-top: 0.3125rem;
    font-size: .75em;
    color: #999;
}

.hot-list {
    .bd {
        padding-top: 0.625rem;
    }
    li {
        float: left;
        width: 33%;
        text-align: center;
        margin-bottom: 0.9375rem;
        h5 {
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0.3125rem 0;
        }
    }
    .buttons {
        padding: 0.625rem 0;
        text-align: center;
        a {
            margin-right: 0.625rem;
            color: #999;
        }
    }
}

.record-list {
    .bd {
        padding: 0;
    }
    td {
        form {
            display: inline;
        }
        font-size: .75em;
    }
    th {
        font-size: .75em;
    }
    .count {
        color: #f60;
    }
    tr:nth-child(odd) td {
        background: #f8f8f8;
    }
    .list {
        li {
            padding: 0.625rem;
            border-bottom: 0.0625rem dotted #ddd;
            &:last-child {
                border-bottom: none;
            }
        }
        .name {
            font-size: .875em;
            line-height: 1.6em;
        }
        .info {
            font-size: .75em;
            color: #666;
            span {
                margin-right: 0.625rem;
            }
        }
        .num {
            color: #f60;
        }
        .time {
            color: #999;
        }
        .desc {
            margin-top: 0.3125rem;
            color: #999;
            font-size: .75em;
        }
    }
}

.other-link {
    margin-top: 1.5625rem;
    font-size: .875em;
    color: #999;
    .bd {
        padding: 0 0.3125rem;
    }
    .divide {
        margin: 0 0.3125rem;
    }
    a {
        color: #960;
    }
}

.people {
    .container {
        padding: 0;
        background: #efefef;
    }
    .mod {
        margin: 0;
        .hd {
            background: #b4ab94;
            color: #fff;
            padding: 0.8125rem 0.9375rem;
            font-family: 1em;
            i {
                display: inline-block;
                margin: 0 0.3125rem 0 0;
                float: left;
            }
        }
    }
    .my-shelf {
        .hd i {
            width: 1.4375rem;
            height: 1.3125rem;
            background: url(../images/my-shelf-icon.png);
        }
        li {
            padding: 0.9375rem;
            border-bottom: 0.0625rem solid #e0d7d3;
            &:last-child {
                border-bottom: none;
            }
        }
        .column-2 {
            .left {
                margin-right: 0.9375rem;
            }
            .right {
                h4 {
                    padding: 0.5rem 0 0.625rem;
                    font-size: 1.2em;
                    a {
                        color: #4d3d34;
                    }
                }
                p {
                    margin-bottom: 0.375rem;
                    font-size: .875em;
                    color: #666;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                }
                .info {
                    font-size: .75em;
                    color: #999;
                    a {
                        color: #999;
                    }
                }
            }
            .read {
                clear: both;
                padding-top: 0.625rem;
                text-align: center;
                table {
                    width: 100%;
                }
                a {
                    display: block;
                    height: 2.5rem;
                    line-height: 2.5rem;
                    color: #fff;
                    background: #807662;
                }
            }
        }
        .unread {
            color: #918078;
        }
        .ft {
            background: #e1dddb;
            a {
                display: block;
                padding: 0.625rem 0;
                text-align: center;
                color: #94847b;
            }
        }
    }
    .my-books {
        .hd i {
            width: 1.0625rem;
            height: 1.3125rem;
            background: url(../images/my-book-icon.png);
        }
        li {
            padding: 0.9375rem;
            border-bottom: 0.0625rem solid #e0d7d3;
            &:last-child {
                border-bottom: none;
            }
            .left {
                padding-right: 0.9375rem;
                img {
                    box-shadow: 0 0 0.1875rem 0 #333;
                }
            }
            h4 {
                padding: 0.5rem 0;
                font-size: 1.2em;
                a {
                    color: #4d3d34;
                }
            }
        }
    }
    .my-comments {
        .hd i {
            width: 1.4375rem;
            height: 1.3125rem;
            background: url(../images/my-comment-icon.png);
        }
        li {
            padding: 0.9375rem;
            border-bottom: 0.0625rem solid #e0d7d3;
            &:last-child {
                border-bottom: none;
            }
        }
        h5 {
            font-size: 1em;
            padding-bottom: 0.625rem;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            a {
                color: #333;
            }
        }
        .summary {
            font-size: .75em;
            line-height: 1.6em;
            padding-bottom: 0.625rem;
        }
        .controls {
            font-size: .75em;
            color: #999;
            a {
                color: #9d8963;
            }
        }
        .time {
            float: left;
        }
    }
}

.search-form {
    padding: 0.3125rem 0.625rem;
    table {
        width: 100%;
        table-layout: fixed;
    }
    td {
        vertical-align: top;
    }
    .text-border {
        padding: 0.375rem;
        width: 95%;
        border: 0.0625rem solid #ccc;
        font-size: .75em;
        border-radius: 0.125rem;
    }
    .btn {
        font-size: .8em;
        height: 1.75rem;
        line-height: 1.6875rem;
        margin: 0;
    }
    label {
        margin-right: 0.3125rem;
    }
    p {
        margin-top: 0.625rem;
        font-size: .75em;
    }
    .hot-key {
        font-size: .75em;
        padding-top: 0.3125rem;
        a {
            margin-right: 0.3125rem;
            color: #2187EC;
        }
        .hot {
            color: #f60;
        }
    }
}

.results {
    margin-top: 0.9375rem;
    .hd {
        a {
            color: #666;
        }
        span {
            color: #f60;
            font-weight: 700;
        }
    }
    li {
        margin-bottom: 0.625rem;
        padding: 0.625rem;
        border-bottom: 0.0625rem dotted #ddd;
        &:last-child {
            border-bottom: none;
        }
    }
    .left {
        padding-right: 0.9375rem;
    }
    .name {
        color: #333;
    }
    b {
        color: #f60;
        font-weight: 400;
    }
    .tags {
        font-size: .75em;
        padding-top: 0.625rem;
        color: #999;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .ft {
        text-align: center;
        padding: 0.625rem 0;
        font-size: .75em;
        font-family: Arial;
        a {
            margin: 0 0.1875rem;
        }
    }
}

.book-list {
    .left img {
        box-shadow: 0 0 0.1875rem 0 #ccc;
    }
    h5 {
        font-size: .875em;
        padding-bottom: 0.3125rem;
        font-weight: 400;
        img {
            vertical-align: -0.125rem;
        }
    }
    .status {
        float: right;
        font-size: .75em;
    }
    .is-finish {
        color: #c8923d;
    }
    .is-serialize {
        color: #977fb9;
    }
    .time {
        margin-top: 0.625rem;
        font-size: .75em;
        color: #999;
    }
    .right {
        padding-top: 0.3125rem;
        .info {
            margin-bottom: 0.25rem;
            color: #333;
        }
        .author {
            font-size: 0.75rem;
            color: #999;
            a {
                color: #666;
            }
        }
    }
    .summary {
        text-indent: 2em;
        font-size: .75em;
        margin-top: 0.3125rem;
        color: #666;
        line-height: 1.6em;
    }
}

.people-list {
    .left img {
        border-radius: 100%;
    }
    .name {
        font-size: .875em;
    }
    .info {
        margin-top: 0.625rem;
        font-size: .75em;
        color: #999;
    }
}

.pagination {
    display: block;
    height: 1.75rem;
    margin: 0.625rem auto;
    >li {
        >a,
        >span {
            font-size: 12px;
            padding: 6px;
            min-width: 25px;
            text-align: center;
        }
    }
}

.indexPage,
.prePage,
.nextPage,
.endPage {
    display: block;
    height: 1.375rem;
    line-height: 1.375rem;
    float: left;
    text-align: center;
    color: #666;
    margin-right: 0.125rem;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fefefe));
    background: -webkit-linear-gradient(top, #fff, #fefefe);
    background: -moz-linear-gradient(top, #fff, #fefefe);
    background: -o-linear-gradient(top, #fff, #fefefe);
    border: 0.0625rem solid #c0c0c0;
    font-size: 0.875rem;
}

.tuijian {
    margin: 0.625rem;
    span,
    a {
        color: #850;
        font-size: 0.85em;
    }
}

@import "read";

#setting-box {
    position: fixed;
    left: 0;
    width: 100%;
    top: 3.75rem;
    .dialog-header {
        height: 0;
    }
    .dialog-body {
        top: 0;
    }
}